<!DOCTYPE html>
<html lang="en">
	<head>
		<base href="/study/"/>
		<!-- start: Meta -->
		<meta charset="utf-8">
		<title>Bootstrap Metro Dashboard by Dennis Ji for ARM demo</title>
		<meta name="description" content="Bootstrap Metro Dashboard">
		<meta name="author" content="Dennis Ji">
		<meta name="keyword" content="Metro, Metro UI, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
		<!-- end: Meta -->

		<!-- start: Mobile Specific -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- end: Mobile Specific -->

		<!-- start: CSS -->
		<link id="bootstrap-style" href="study/css/bootstrap.min.css" rel="stylesheet">
		<link href="study/css/bootstrap-responsive.min.css" rel="stylesheet">
		<link id="base-style" href="study/css/style.css" rel="stylesheet">
		<link id="base-style-responsive" href="study/css/style-responsive.css" rel="stylesheet">
		<!--主要样式-->
		<link rel="stylesheet" type="text/css" href="study/css/style2.css" />
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,latin-ext' rel='stylesheet' type='text/css'>
		<!-- end: CSS -->

		<!-- start: Favicon -->
		<link rel="shortcut icon" href="study/img/favicon.ico">
		<!-- end: Favicon -->

	</head>

	<body>
	<input type="hidden" value="createUser"  id="chooseColumn" />
		<!-- start: Header -->
		<div class="navbar">
			<div class="navbar-inner">
				<div class="container-fluid">
					<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</a>
					<a class="brand" href="index.html">
						<span>study</span>
					</a>

					<!-- start: Header Menu -->
					<div class="nav-no-collapse header-nav">
						<ul class="nav pull-right">

							<!-- start: User Dropdown -->
							<li class="dropdown">
								<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
									<i class="halflings-icon white user"></i> Dennis Ji
									<span class="caret"></span>
								</a>
								<ul class="dropdown-menu">
									<li class="dropdown-menu-title">
										<span>Account Settings</span>
									</li>
									<li>
										<a href="#"><i class="halflings-icon user"></i> Profile</a>
									</li>
									<li>
										<a href="login.html"><i class="halflings-icon off"></i> Logout</a>
									</li>
								</ul>
							</li>
							<!-- end: User Dropdown -->
						</ul>
					</div>
					<!-- end: Header Menu -->

				</div>
			</div>
		</div>
		<!-- start: Header -->
		<div class="container-fluid-full">
			<div class="row-fluid">

				<!-- start: Main Menu -->
				<div id="sidebar-left" class="span3">
					<div class="nav-collapse sidebar-nav">
						<ul class="nav nav-tabs nav-stacked main-menu" id="navMain">

						</ul>
					</div>
				</div>
				<!-- end: Main Menu -->

				<noscript>
				<div class="alert alert-block span10">
					<h4 class="alert-heading">Warning!</h4>
					<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
				</div>
			</noscript>

				<!-- start: Content -->
				<div id="content" class="span10">

					<ul class="breadcrumb">
						<li>
							<i class="icon-home"></i>
							<a href="index.html">Home</a>
							<i class="icon-angle-right"></i>
						</li>
						<li>
							<i class="icon-edit"></i>
							<a href="#">createUser</a>
						</li>
					</ul>

					<div class="row-fluid sortable">
						<div class="box span12">
							<div class="box-header" data-original-title>
								<h2><i class="halflings-icon white edit"></i><span class="break"></span>Form Elements</h2>
								<div class="box-icon">
									<a href="#" class="btn-setting"><i class="halflings-icon white wrench"></i></a>
									<a href="#" class="btn-minimize"><i class="halflings-icon white chevron-up"></i></a>
									<a href="#" class="btn-close"><i class="halflings-icon white remove"></i></a>
								</div>
							</div>
							<div class="box-content">
								<form class="form-horizontal">
									<fieldset>
										<div class="control-group">
											<label class="control-label" for="username">账户:</label>
											<div class="controls">
												<input class="input-xlarge focused" id="username" type="text">
											</div>
										</div>

										<div class="control-group">
											<label class="control-label">密码:</label>
											<div class="controls">
												<input class="input-xlarge focused" id="password" type="password" />
											</div>
										</div>
										<div class="control-group">
											<label class="control-label">用户角色:</label>
											<div class="controls">
												<select id="roleId"/>
												</select>
											</div>
										</div>

										<div class="form-actions">
											<button id="submit" class="btn btn-primary">提交</button>
											<button class="btn">Cancel</button>
										</div>
									</fieldset>
								</form>

							</div>
						</div>
						<!--/span-->

					</div>
					<!--/row-->

				</div>
				<!--/.fluid-container-->

				<!-- end: Content -->
			</div>
			<!--/#content.span10-->
		</div>
		<!--/fluid-row-->

		<div class="modal hide fade" id="myModal">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">×</button>
				<h3>Settings</h3>
			</div>
			<div class="modal-body">
				<p>Here settings can be configured...</p>
			</div>
			<div class="modal-footer">
				<a href="#" class="btn" data-dismiss="modal">Close</a>
				<a href="#" class="btn btn-primary">Save changes</a>
			</div>
		</div>

		<div class="clearfix"></div>

		<footer>

			<p>
				<span style="text-align:left;float:left">&copy; 2013
					<a href="downloads/janux-free-responsive-admin-dashboard-template/" alt="Bootstrap_Metro_Dashboard">JANUX Responsive Dashboard</a>
				</span>

			</p>

		</footer>

		<!-- start: JavaScript-->

		<script src="study/js/jquery-1.9.1.min.js"></script>
		<!--自行扩展的插件-->

		<script type="text/javascript" src="js/jsp/whole.js"></script>

		<script src="js/jsp/createUser.js"></script>
		<!--结束-->

		<script src="study/js/jquery-migrate-1.0.0.min.js"></script>

		<script src="study/js/jquery-ui-1.10.0.custom.min.js"></script>

		<script src="study/js/jquery.ui.touch-punch.js"></script>

		<script src="study/js/modernizr.js"></script>

		<script src="study/js/bootstrap.min.js"></script>

		<script src="study/js/jquery.cookie.js"></script>

		<script src='study/js/fullcalendar.min.js'></script>

		<script src='study/js/jquery.dataTables.min.js'></script>

		<script src="study/js/excanvas.js"></script>
		<script src="study/js/jquery.flot.js"></script>
		<script src="study/js/jquery.flot.pie.js"></script>
		<script src="study/js/jquery.flot.stack.js"></script>
		<script src="study/js/jquery.flot.resize.min.js"></script>

		<script src="study/js/jquery.chosen.min.js"></script>

		<script src="study/js/jquery.uniform.min.js"></script>

		<script src="study/js/jquery.cleditor.min.js"></script>

		<script src="study/js/jquery.noty.js"></script>

		<script src="study/js/jquery.elfinder.min.js"></script>

		<script src="study/js/jquery.raty.min.js"></script>

		<script src="study/js/jquery.iphone.toggle.js"></script>

		<script src="study/js/jquery.uploadify-3.1.min.js"></script>

		<script src="study/js/jquery.gritter.min.js"></script>

		<script src="study/js/jquery.imagesloaded.js"></script>

		<script src="study/js/jquery.masonry.min.js"></script>

		<script src="study/js/jquery.knob.modified.js"></script>

		<script src="study/js/jquery.sparkline.min.js"></script>

		<script src="study/js/counter.js"></script>

		<script src="study/js/retina.js"></script>

		<script src="study/js/custom.js"></script>
		<!-- end: JavaScript-->

	</body>
</html>